<template>
	<view>
		<scroll-view class="comment-scroll" :scroll-x="true">
			<car-comment :list2="comment" :row="true"></car-comment>
		</scroll-view>
		
		<view class="more-comment" @click="$c.a('order/comment/list')" v-if="comment.length>0"> 更多评论 </view>
	</view>
</template>
<script>
	export default {
		props: ['item'],
		data() {
			return {
				comment:[],
			};
		},
		watch: {
		},
		computed: {
		},
		onReady(){
			this.getComment()                //获取评论数据
		},
		methods: {
			// 获取评价数
			getComment(){
				this.$u.api.commentList({car_id:0,page:1,limit:5}).then(res=>{
					this.comment=res.data.list
				})
			},
		}
	};
</script>
<style>
	.comment-scroll{
		width:100%;
		white-space:nowrap;
	}
	.more-comment{
		text-align: center;
		font-size: 22rpx;
		margin: 0rpx auto 10rpx auto;
		padding-right: 10rpx;
		background-size: 12rpx auto;
		background: url(@/static/images/arrow-solid-right.png) right center no-repeat;
		width: 120rpx;
		margin-bottom: 20px;
	}
</style>

